@import "mixin.scss";

/* 图标 */

.icon-head_cart {
    @include bg("../img/head_cart.png");
    width: 22px;
    height: 22px;
}

.icon-index_hot_arr {
    @include bg("../img/index_hot_arr.png");
    width: 10px;
    height: 5px;
}

.icon-head_top_arr {
    @include bg("../img/head_top_arr.png");
    width: 8px;
    height: 4px;
}

//店铺内搜索栏中关注的“心”图标
.icon-header_follow {
    @include bg("../img/header_follow.png");
    width: 12px;
    height: 12px;
}

//店铺内搜索栏中关注的“心”图标 已关注
.icon-header_follow_cur {
    @include bg("../../dist/img/header_follow_cur.png");
    width: 12px;
    height: 12px;
}

//店铺内搜索栏中关注右边的“qq”图标
.icon-header_qq {
    @include bg("../img/header_qq.png");
    width: 18px;
    height: 20px;
}

//店铺内搜索栏中  分数中上升图标
.icon-header_up {
    @include bg("../img/header_up.png");
    width: 10px;
    height: 10px;
}

//店铺内搜索栏中  分数中下降升图标
.icon-header_down {
    @include bg("../img/header_down.png");
    width: 10px;
    height: 10px;
}

//店铺内搜索栏中  分数中稳定不变图标
.icon-header_stable {
    @include bg("../img/header_stable.png");
    width: 10px;
    height: 10px;
}

//商品详情页 里配送选择地址处的箭头
.icon-address_arr {
    @include bg("../img/address_arr.png");
    width: 16px;
    height: 10px;
}

//商品详情页 收藏五角星图标
.icon-goods_details_col {
    @include bg("../img/goods_details_col.png");
    width: 14px;
    height: 14px;
}

//商品详情页 分享图标
.icon-goods_details_share {
    @include bg("../img/goods_details_share.png");
    width: 14px;
    height: 16px;
    background-position: 0px 2px;
}

//商品详情页 商品详情标题图标
.icon-goods_details_con_title {
    @include bg("../img/goods_details_con_title.png");
    width: 14px;
    height: 14px;
}

//评论五角星评分 1分
.icon-comment_xing_1 {
    @include bg("../img/comment_xing_1.png");
    width: 17px;
    height: 16px;
}

//评论五角星评分 0分
.icon-comment_xing_0 {
    @include bg("../img/comment_xing_0.png");
    width: 17px;
    height: 16px;
}

//评论 点赞图标 未赞状态
.icon-comment_zan {
    @include bg("../img/comment_zan.png");
    width: 16px;
    height: 16px;
}

//评论 点赞图标 点赞状态
.icon-comment_zan_cur {
    @include bg("../img/comment_zan_cur.png");
    width: 16px;
    height: 16px;
}

//加入购物车成功
.icon-goods_addcart_success {
    @include bg("../img/goods_addcart_success.png");
    width: 24px;
    height: 24px;
}

//登录 手机号
.icon-login_tel {
    @include bg("../img/login_tel.png");
    background-color: #eee;
    width: 40px;
    height: 40px;
}

//登录 密码
.icon-login_pwd {
    @include bg("../img/login_pwd.png");
    background-color: #eee;
    width: 40px;
    height: 40px;
}

//登录 qq
.icon-login_qq {
    @include bg("../img/login_qq.png");
    width: 28px;
    height: 28px;
}

//登录 微信
.icon-login_weixin {
    @include bg("../img/login_weixin.png");
    width: 28px;
    height: 28px;
}

//登录 微博
.icon-login_weibo {
    @include bg("../img/login_weibo.png");
    width: 28px;
    height: 28px;
}

//注册 同意 对号图标
.icon-res_agree {
    @include bg("../img/res_agree.png");
    width: 16px;
    height: 16px;
}

//团购 剩余天数 表形图标
.icon-tuan_biao {
    @include bg("../img/tuan_biao.png");
    width: 14px;
    height: 14px;
}

//团购 参与人数
.icon-goods_details_join {
    @include bg("../img/goods_details_join.png");
    width: 19px;
    height: 16px;
}

//团购 倒计时
.icon-goods_details_time {
    @include bg("../img/goods_details_time.png");
    width: 16px;
    height: 16px;
}

//团购 购物车
.icon-goods_details_cart {
    @include bg("../img/goods_details_cart.png");
    width: 20px;
    height: 20px;
}

//促销活动标题左右图标
.icon-cuxiao_title {
    @include bg("../img/cuxiao_title.png");
    width: 127px;
    height: 49px;
}

.icon-cart-white {
    @include bg('../img/cart_w.png');
    width: 20px;
    height: 20px;
}

.icon-down {
    @include bg('../img/paixu_down_gray.png');
    width: 7px;
    height: 12px;
}

.active .icon-down {
    @include bg('../img/paixu_down_white.png');
}

.icon-down-up {
    @include bg('../img/paixu_down_up.png');
    width: 7px;
    height: 12px;
}

.icon-arr-down {
    @include bg('../img/arr_down.png');
    width: 12px;
    height: 7px;
}

.icon-arr-left {
    @include bg('../img/arr_left.png');
    width: 7px;
    height: 11px;
}

.icon-arr-right {
    @include bg('../img/arr_right.png');
    width: 7px;
    height: 11px;
}

.icon-rm-arr-down {
    @include bg('../img/rm_arr_down.png');
    width: 16px;
    height: 16px;
}

.icon-rm-arr-up {
    @include bg('../img/rm_arr_up.png');
    width: 16px;
    height: 16px;
}

//服饰资讯-已看图标
.icon-zx-view {
    @include bg('../img/view.png');
    width: 22px;
    height: 12px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -1px;
}

// 个性定制-流程图标
.icon-dz {
    width: 130px;
    height: 130px;
    &.i1 {
        @include bg('../img/dz1.png');
    }
    &.i2 {
        @include bg('../img/dz2.png');
    }
    &.i3 {
        @include bg('../img/dz3.png');
    }
    &.i4 {
        @include bg('../img/dz4.png');
    }
    &.i5 {
        @include bg('../img/dz5.png');
    }
}

// radio
.icon-radio {
    width: 14px;
    height: 14px;
    display: inline-block !important;
    &.r0 {
        @include bg('../img/radio0.png');
    }
    &.r1 {
        @include bg('../img/radio1.png');
    }
}

.icon-coupon {
    width: 14px;
    height: 14px;
    &.add {
        @include bg('../img/coupon_add.png');
    }
    &.cut {
        @include bg('../img/coupon_cut.png');
    }
}

.icon-yue {
    display: inline-block !important;
    vertical-align: middle;
    @include bg('../img/pay_yue.png');
    width: 29px;
    height: 26px;
}

.icon-wx {
    display: inline-block !important;
    vertical-align: middle;
    @include bg('../img/pay_wx.png');
    width: 29px;
    height: 26px;
}

.icon-alipay {
    display: inline-block !important;
    vertical-align: middle;
    @include bg('../img/pay_alipay.png');
    width: 29px;
    height: 26px;
}

.icon-online {
    display: inline-block !important;
    vertical-align: middle;
    @include bg('../img/pay_online.png');
    width: 29px;
    height: 26px;
}

.icon-keyboard {
    display: inline-block !important;
    vertical-align: middle;
    @include bg('../img/pay_keyboard.png');
    width: 25px;
    height: 25px;
}

.icon-success {
    display: inline-block !important;
    vertical-align: middle;
    @include bg('../img/pay_success.png');
    width: 60px;
    height: 60px;
}

.icon-down_1 {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}

.icon-clock {
    display: inline-block !important;
    vertical-align: middle;
    @include bg('../img/clock.png');
    width: 16px;
    height: 16px;
}

.icon-panel-setting {
    @include bg('../img/panel_setting.png');
    width: 15px;
    height: 15px;
}

.icon_dingzhi1 {
    @include bg('../img/dingzhi1.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi2 {
    @include bg('../img/dingzhi2.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi2.active {
    @include bg('../img/dingzhi2a.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi3 {
    @include bg('../img/dingzhi3.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi3.active {
    @include bg('../img/dingzhi3a.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi4 {
    @include bg('../img/dingzhi4.png');
    width: 29px;
    height: 25px;
}

.icon_dingzhi4.active {
    @include bg('../img/dingzhi4a.png');
    width: 27px;
    height: 25px;
}

.icon_dingzhi5 {
    @include bg('../img/dingzhi5.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi5.active {
    @include bg('../img/dingzhi5a.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi7 {
    @include bg('../img/dingzhi7.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi7.active {
    @include bg('../img/dingzhi7a.png');
    width: 25px;
    height: 25px;
}

.icon_dingzhi6 {
    @include bg('../img/dingzhi6.png');
    width: 45px;
    height: 45px;
}

.icon_dingzhi8 {
    @include bg('../img/dingzhi8.png');
    width: 45px;
    height: 45px;
}

.icon_dingzhi8.active {
    @include bg('../img/dingzhi8a.png');
    width: 45px;
    height: 45px;
}

.icon_dingzhia {
    @include bg('../img/dingzhia.png');
    width: 67px;
    height: 25px;
}

.icon_dingzhib {
    @include bg('../img/dingzhib.png');
    width: 67px;
    height: 25px;
}

.icon_orderqxa {
    @include bg('../img/orderqxa.png');
    width: 195px;
    height: 25px;
}

.icon_orderqx2 {
    @include bg('../img/orderqx2.png');
    width: 25px;
    height: 25px;
}

.icon_orderqx3 {
    @include bg('../img/orderqx3.png');
    width: 25px;
    height: 25px;
}

.icon_orderqx4 {
    @include bg('../img/orderqx4.png');
    width: 45px;
    height: 45px;
}

.icon-order1{
     @include bg('../img/order1a.png');
    width: 25px;
    height: 25px; 
}
.icon-order2{
     @include bg('../img/order2.png');
    width: 30px;
    height: 25px; 
}

.icon-order2a{
     @include bg('../img/order2a.png');
    width: 30px;
    height: 25px; 
}
.icon-order3{
     @include bg('../img/order3.png');
    width: 25px;
    height: 25px; 
}

.icon-order3a{
     @include bg('../img/order3a.png');
    width: 25px;
    height: 25px; 
}
.icon-order4{
     @include bg('../img/order4.png');
    width: 30px;
    height: 25px; 
}

.icon-order4a{
     @include bg('../img/order4a.png');
    width: 30px;
    height: 25px; 
}
.icon-order5{
     @include bg('../img/order5.png');
    width: 25px;
    height: 25px; 
}

.icon-order5a{
     @include bg('../img/order5a.png');
    width: 25px;
    height: 25px; 
}
.icon-orderbd1{
    @include bg('../img/orderbd1.png');
    width: 125px;
    height: 25px; 
}
.icon-orderbd2{
    @include bg('../img/orderbd2.png');
    width: 125px;
    height: 25px; 
}
.icon-orderb{
    @include bg('../img/orderb.png');
    width: 125px;
    height: 25px; 
}
.icon-flag-1 {
    width: 45px;
    height: 45px;
    background: url('../img/weixuanzhong.png') center center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.icon-flag-2 {
    width: 45px;
    height: 45px;
    background: url('../img/xuanzhong.png') center center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.icon-accSecurity-loginPwd {
    @include bg('../img/accSec1.png');
    width: 50px;
    height: 50px;
}

.icon-accSecurity-tel {
    @include bg('../img/accSec2.png');
    width: 50px;
    height: 50px;
}

.icon-accSecurity-payPwd {
    @include bg('../img/accSec3.png');
    width: 50px;
    height: 50px;
}

.icon-addClose {
    @include bg('../img/pop_close_btn.png');
    width: 13px;
    height: 13px;
}

.icon-addCard {
    @include bg('../img/addCard_icon.png');
    width: 48px;
    height: 32px;
}

//用户个人中心 左侧导航栏 购物中心
.icon-usercenter_gouwu {
    @include bg('../img/usercenter_gouwu.png');
    width: 14px;
    height: 14px;
}

//用户个人中心 左侧导航栏 订单中心
.icon-usercenter_dingdan {
    @include bg('../img/usercenter_dingdan.png');
    width: 14px;
    height: 14px;
}

//用户个人中心 左侧导航栏 资产中心
.icon-usercenter_zichan {
    @include bg('../img/usercenter_zichan.png');
    width: 14px;
    height: 14px;
}

//用户个人中心 左侧导航栏 收藏中心
.icon-usercenter_shoucang {
    @include bg('../img/usercenter_shoucang.png');
    width: 14px;
    height: 14px;
}

//用户个人中心 左侧导航栏 退款维权
.icon-usercenter_tuikuan {
    @include bg('../img/usercenter_tuikuan.png');
    width: 14px;
    height: 14px;
}